<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="myExtension.css" />
</head>

<body>
    <div id="title">
        <hr>
        <h3 align="center">连雨不知春去</h3>
        <h3 align="center">一晴方觉夏深</h3>
        <hr>
    </div>
    <div class="content" id="content">
        <h3 align="center">添加</h3>
        <input id="url" type="text" class="url" placeholder="地址">
        <input id="name" type="text" class="url" placeholder="文章标题">
        <br>
        <button id="add" class="btn">添加</button>
        <button id="deleteAll" class="btn">清空</button>
    </div>
    <br />
    <div class="history" id="history">
        <h3 align="center" id="historyTitle">历史记录</h3>
        <hr />
        <div class="historyContent" id="historyContent">
            <!-- 历史内容在这里输出 -->
            <!-- <div class="contentUrl" id = "">
                <a link="none"  href="https://blog.csdn.net/Fly_as_tadpole/article/details/85787459" target="_blank">Redis集群：一致性哈希</a>
                <button class="btn" id="ok" ">删除</button>
            </div> -->
        </div>

    </div>
    <script src="myExtension.js"></script>
</body>

</html>